"

DESCRIPTION

This assignment is about improving your web development skills by building an e-commerce

website using HTML and CSS. \ufeffThe website should let users browse and buy products online,

showcase the products, give details about them, and make shopping.

INSTRUCTION

Your task is to create a website using HTML and CSS. \ufeffMake each section its own separate web

page

Home Page

Create a landing page featuring highlighted products and an interactive product slideshow

using JavaScript.

Show product images, names, prices, and short descriptions.

Include a search bar with JavaScript-driven auto-suggestions.

Enable user authentication with PHP for personalized experiences.

Product Categories

Design a page listing various product categories with images and descriptions.

Implement dynamic category filtering using JavaScript.

Allow users to create accounts and save favourite categories.

Product Listings

Develop pages for each product category, displaying a list of products.

Show product images, names, prices, and ratings, and implement features like image

zoom on hover.

Retrieve and display product data from a database using PHP.

Enable user accounts for saving products to wish lists or making comparisons.

Product Details

Create detailed product pages with comprehensive information, including high-quality

images, detailed descriptions, specs, and customer reviews.

Enhance detailed product pages with JavaScript for interactive elements such as image

galleries.

Use PHP to load product information dynamically from the database.

Implement customer reviews with a star rating system and review submission.

Shopping Cart

Design a page for users to manage selected products.

Display product names, quantities, prices, and a subtotal.

Offer options to update quantities, remove items, and proceed to checkout.

Update the shopping cart page to enable users to edit quantities and remove items with

JavaScript

Manage the user's shopping cart session using PHP.

Implement the checkout process, including user address and payment information.

MARKING CRITERIA

Standard Mark [50%]

Develop the website using HTML and CSS.

Implement the required pages.

Create a visually appealing design.

Ensure consistent and intuitive navigation.

Maintain readable and organized code.

Additional Mark [30%]

Implement additional creative pages.

Prioritize user-friendly design and usability.

Use CSS animations or transitions for dynamic visual effects.

Report [10%]

Write a report of about five pages (excluding the front page, table of contents, and

source code) \ufeffthat includes the following:

Explain your design, including color schemes, typography, and overall visual concept.

Discuss how your design focuses on user needs, accessibility, and easy navigation.

Provide examples of your work.

Include the complete source code in an appendix.

Presentation [10%]

Your presentation will be assessed for:

Overall website aesthetics and coherence.

Unique and creative design elements.

User-friendliness and interaction ease on various web pages.

Alignment of your design with the theme.

SUBMISSION

Submit the assignment on the UNIEC Virtual platform before the deadline. The submission

should have:

The full report

A project folder with the runnable source code.